<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!--相对路径：从当前html文件出发去找资源
    1）图片与html文件在同一级目录，直接写图片全名 1.jpg
    2）图片在html文件的下一级目录，先写文件夹，再写图片全名 img/2.jpg
    3）图片在html文件的上一级目录，先写../回到上级，再写图片全名 ../img/3.jpg
-->
1<img src="img/1.jpg" alt="error" width="300px" title="1">
<img src="2.jpg" alt="error" width="300px">
<img src="../3.jpg" alt="error" width="300px">
<img src="https://cdn.tmooc.cn/bsfile//imgad///ff4f0d8b85cd43618df6e356112b4695.jpg" alt="error">
</body>
</html>